$(function() {
    toastr.options = messageOpts;

    $("#head").click(function() {
        $("#headModel").modal("show");
    });
    $("button[name='reset']").click(function() {
        document.getElementById('img3').src = "";
        $("#img3").css("display", "none");
        $("#prompt3").css("display", "block");
    })
    $("#headModel").on("hidden.bs.modal",function(event) {
        document.getElementById('img3').src = "";
        $("#img3").css("display", "none");
        $("#prompt3").css("display", "block");
    })
    $("#btn-head").click(function() {
        if (!$("#file").get(0).files[0]){
            toastr.warning('请选择图片！');
            return;
        }
        var form=new FormData();
        //获取选择的文件
        form.append("file",$("#file").get(0).files[0]);
        form.append("userName",window.sessionStorage.getItem("userName"));

        //发送异步请求
        $.ajax({
            method:'post',
            url:'/user/headUpload',
            data:form,
            processData: false,
            contentType:false,
            success:function (data) {
                if (data.state === 200) {
                    toastr.success('上传成功！');
                    $("#headModel").modal("hide");
                    window.sessionStorage.removeItem("href");
                    window.sessionStorage.setItem('href',data.data.href);
                    window.location.href = "/userset?userName=" + window.sessionStorage.getItem("userName");

                }else {
                    toastr.error(data.message);
                }
            },
        })
    });
    $("#updateModel").on("show.bs.modal",function (event){
        var userId = $(".userId").text();
        var userName = $(".userName").text();
        var email = $(".email").text();
        var phone = $(".phone").text();
        $("#updateUserId").val(userId);
        $("#updateUserName").val(userName);
        $("#updateEmail").val(email);
        $("#updatePhone").val(phone);
    });
    $("#updateBtn").click(function() {
        if($("#updateUserName").val() === ""){
            toastr.warning('请填写相关信息！');
            return;
        }
        if (!checkPhone()) {
            toastr.warning('电话必须为11位数字！');
            return;
        }
        if(!validateEmail()){
            toastr.warning('请正确填写邮箱,仅支持网易163邮箱和qq邮箱！');
            return;
        }
        $.ajax({
            url : "/user/updateUserInfo",
            type : "post",
            data : {
                userId : $("#updateUserId").val(),
                userName : $("#updateUserName").val(),
                email : $("#updateEmail").val(),
                phone : $("#updatePhone").val(),
            },
            dataType : "json",
            success : function(data) {
                if (data.state === 200) {
                    toastr.success('保存成功，邮箱验证码已发送到您的邮箱，会有一定的延迟哦');
                    $("#updateModel").modal('hide');
                    location.href = "/userset?userName="+window.sessionStorage.getItem("userName");
                }else {
                    toastr.error(data.message);
                }
            }
        })
    });
    function checkPhone() {
        var phone = $("#updatePhone").val();
        var reg = /^\d{11}$/;
        if (phone === '') {
            return false;
        }
        if (reg.test(phone) === false){
            return false;
        }
        return true;
    }
    function validateEmail() {
        var email = $("#updateEmail").val();
        var re1 = /^[^\s@]+@163.com$/;
        var re2 = /^[^\s@]+@qq.com$/
        if (email === "") {
            return false;
        }
        return re1.test(email);
    }
    $("#key-btn").click(function() {
        if($("#key").val() === ""){
            toastr.warning('请输入验证码！');
            return;
        }
        $.ajax({
            url : "/user/emailKey",
            type: "post",
            data : {
                key : $("#key").val(),
                userName : window.sessionStorage.getItem("userName")
            },
            dataType: "json",
            success : function(data) {
                if (data.state === 200) {
                    toastr.success('验证成功');
                    $("#email").attr("title",1);
                    $("#emailModel").modal("hide");
                    location.href = "/userset?userName="+window.sessionStorage.getItem("userName");
                }else {
                    toastr.error(data.message);
                }
            }
        })
    })
})
